import './App.css';
import { Outlet } from 'react-router-dom';
import Navbar from './components/Navbar/Navbar';
import Footer from './components/Footer/Footer';

function App() {
  return (
    <div className="App">
      {/* 导航栏 */}
      <Navbar />
      <header className="App-header" style={{//背景图片样式
        border: "1px solid #ccc!important",
        padding: "14px;border-radius: 16px!important",
        backgroundImage: `url(${process.env.PUBLIC_URL + '/img/101.webp'})`
      }}>
        {/* 组件出口 */}
        <Outlet />
      </header>
      {/* 浏览器底部 */}
      <Footer />
    </div>
  );
}

export default App;
